<template>
	<view>
		test UI
		<van-button type="info"> 按钮 </van-button>
		<view>地区组件</view>
		
		<!-- <van-area :value="value" :area-list=" areaList" bind:change="onChange" v-on:confirm="onConfirm" bind:cancel="onCancel">
		</van-area> -->

			<picker mode="region" @change="onChange"  >ppp
				<view class="uni-input" >{{region[2]}}</view>
			</picker>
	</view>
</template>

<script>
	import AreaList from "@/common/area.js";
	export default {
		data() {
			return {
				columnsPlaceholder: ['请选择', '请选择', '请选择'],
				areaList: AreaList,
				value: 110101,
				region:[0,0,1]

			}
		},
		methods: {
			onConfirm(e) {
				// console.log(e.detail.values);
				// console.log(e.detail.values[0].name);
				// console.log(e.detail.values[1].name);
				// console.log(e.detail.values[2].name);
				// console.log(JSON.stringify(e)+"ooooooo");
			},
			onChange(event){
				console.log(event.detail.value[0]);
				console.log(event.detail.value[1]);
				console.log(event.detail.value[2]);
			}
			
		}
	}
</script>

<style>

</style>
